      body {
          background-color: #f4f4f4;
      }
      
      .news-icon {
          height: 73px;
          width: 100%;
          background-color: #e71b1b;
          box-sizing: content-box;
      }
      /* //头部header */
      
      .header {
          position: relative;
          height: 170px;
      }
      
      .header-nav {
          height: 135px;
          position: relative;
      }
      
      .header-nav-list {
          height: 35px;
      }
      
      .logo {
          height: 135px;
          width: 220px;
          line-height: 135px;
          text-align: center;
      }
      
      .search {
          height: 135px;
          width: 800px;
          position: absolute;
          top: 0;
          left: 220px;
      }
      
      .search-text {
          height: 40px;
          width: 660px;
          overflow: hidden;
          border: 2px solid red;
          background-color: #ffffff;
          border-radius: 20px;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          padding-left: 8px;
      }
      
      .search-swap {
          height: 40px;
          width: 600px;
          float: left;
          border: none;
      }
      
      .search-text i {
          height: 40px;
          width: 60px;
          float: left;
          outline: none;
          background-color: #ff8000;
          color: #ffffff;
          text-align: center;
          line-height: 40px;
          font-size: 18px;
          cursor: pointer;
      }
      
      .srarch-hd {
          height: 25px;
          width: 140px;
          position: absolute;
          top: 25px;
          left: 15px;
          line-height: 20px;
      }
      
      .srarch-hd ul li {
          float: left;
          margin-left: 10px;
          text-align: center;
      }
      
      .srarch-hd ul li a {
          color: red;
      }
      
      .srarch-hd .current {
          height: 25px;
          width: 30px;
          background-color: #ff7c00;
          border-radius: 6px 6px 0 0;
      }
      
      .srarch-hd .current a {
          color: #ffffff;
      }
      
      .search-list {
          width: 710px;
          height: 23px;
          position: absolute;
          bottom: 20px;
          left: 0;
      }
      
      .search-list ul li {
          float: left;
          margin-right: 8px;
      }
      
      .erweima {
          text-align: center;
          height: 100px;
          width: 100px;
          position: absolute;
          right: 60px;
          bottom: 0;
      }
      
      .erwei img {
          height: 62px;
          width: 62px;
      }
      
      .erwei p {
          text-align: center;
          color: #ef5330;
      }
      
      .del {
          font-family: 'icomoon';
          position: absolute;
          top: 0;
          left: 0;
          border: 1px solid #cccccc;
          height: 15px;
          width: 15px;
          cursor: pointer;
          font-size: 8px;
          color: #cccccc;
          line-height: 15px;
          text-align: center;
      }
      
      .header-nav-list {
          height: 32px;
          width: 100%;
          position: absolute;
          bottom: 0;
      }
      
      .header-nav-list .left {
          display: block;
          width: 212px;
          height: 32px;
          background-color: #ff5000;
          text-align: center;
          line-height: 32px;
          color: #ffffff;
          font-size: 15px;
      }
      
      .header-nav-swap {
          float: right;
          height: 32px;
          width: 978px;
          position: absolute;
          right: 0;
          bottom: 0;
          background-image: linear-gradient(#ff8600, #ff5100);
      }
      
      .header-nav-swap ul li {
          float: left;
          line-height: 32px;
          margin: 0 14px;
      }
      
      .header-nav-swap ul li a {
          color: #ffffff;
          font-size: 13px;
      }
      
      .header-nav-swap .cloud {
          position: absolute;
          top: -5px;
          left: 0;
          opacity: .6;
      }
      
      .header-nav-swap .cloud img {
          height: 40px;
          width: 50px;
          cursor: pointer;
          display: none;
      }
      /* 内容区域content */
      
      .content {
          position: relative;
          height: 535px;
          background-color: #f4f4f4;
      }
      
      .content-lis-swap {
          height: 527px;
          width: 210px;
      }
      
      .content-tab {
          width: 700px;
          height: 620px;
          position: absolute;
          top: 5px;
          left: 215px;
          overflow: hidden;
      }
      
      .content-lis-swap {
          overflow: hidden;
          border: 1px solid red;
          background-color: #ffffff;
      }
      
      .content-lis-swap .lis-left>li {
          position: relative;
          height: 30px;
          width: 210px;
          margin-top: 4px;
          padding-left: 20px;
      }
      
      .content-lis-swap ul li a {
          line-height: 30px;
          font-size: 14px;
      }
      
      .content-lis-swap>ul>li:hover {
          background-color: #cccccc;
      }
      
      .content-lis-swap ul li a:hover {
          color: red;
      }
      
      .content-lis-swap>ul>li>a::after {
          content: "\e907";
          font-family: 'icomoon';
          position: absolute;
          right: 30px;
          font-size: 16px;
          color: #cccccc;
      }
      /* 
  查看更多
  */
      
      .J_Cat {
          position: relative;
          height: 526px;
          width: 696px;
          position: absolute;
          top: 0;
          left: 212px;
          z-index: 4;
          border: 2px solid red;
          background-color: #ffffff;
          display: none;
      }
      
      .J_cat-l {
          position: relative;
          height: 526px;
          width: 450px;
          overflow: auto;
      }
      
      .J_cat-r {
          height: 526px;
          width: 246px;
          position: absolute;
          right: 0;
          top: 0;
      }
      
      .J_cat-l-r1 {
          position: absolute;
          bottom: -189px;
          right: 0;
      }
      
      .J_cat-l h3,
      .J_cat-l p {
          margin: 20px 30px;
      }
      
      .J_cat-l-r {
          overflow: hidden;
          position: absolute;
          top: 272px;
          right: 0;
      }
      
      .J_cat-l-r2 {
          position: absolute;
          bottom: -307px;
          right: 0;
      }
      
      .J_cat-r ul li {
          height: 120px;
          width: 100px;
          float: left;
          margin: 15px 11px;
      }
      
      .J_cat-r ul {
          margin-top: 50px;
      }
      
      .J_cat-r h4 {
          position: absolute;
          top: 40px;
          left: 50%;
          transform: translateX(-50%);
      }
      
      .J_cat-r ul li img {
          padding-left: 0;
          height: 100px;
          width: 100px;
      }
      
      .J_cat-r ul li .current {
          color: #999999;
          margin-left: 15px;
      }
      
      .o1>ul>li {
          float: left;
          margin-left: 28px;
      }
      
      .J_cat-l-r3 ul li {
          float: left;
          margin-left: 15px;
      }
      
      .J_cat-l-r3 {
          width: 200px;
      }
      
      .J_cat-l-r3 {
          position: absolute;
          bottom: -283px;
          right: 0;
      }
      
      .J_cat-l ul li a {
          font-size: 12px;
      }
      
      .psma-icon a img {
          height: 60px;
      }
      
      .psma-icon {
          height: 100px;
          width: 60px;
          overflow: hidden;
          text-align: center;
      }
      /* //主页面轮播图区域 */
      
      .main {
          width: 530px;
          height: 616px;
          overflow: hidden;
          box-sizing: content-box;
      }
      
      .nex {
          height: 335px;
          width: 530px;
          position: absolute;
          left: 0;
          bottom: -2px;
      }
      
      .focus ul li img {
          width: 530px;
          height: 330px;
      }
      
      .focus ul {
          width: 700%;
      }
      
      .main .focus ul li {
          float: left;
      }
      
      .swiper-container {
          width: 520px;
          height: 280px;
      }
      
      .swiper-container .swiper-button-next,
      .swiper-container .swiper-button-prev {
          display: none;
          color: #ffffff;
      }
      
       :root {
          --swiper-theme-color: #ffffff !important;
      }
      /* //下面轮播图 */
      
      .nex-hd {
          position: relative;
          height: 30px;
          width: 100%;
          border-bottom: 3px solid red;
      }
      
      .nex-hd i {
          position: absolute;
          bottom: 0;
      }
      
      .nex-hd .current {
          position: absolute;
          bottom: 3px;
          left: 137px;
      }
      /*  */
      /*定义css变量*/
      
       :root {
          --mywidth: 530px;
          --myheight: 196px;
      }
      
      .a-content {
          border: 1px solid rgba(0, 0, 0, 0.1);
          -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
          position: relative;
      }
      
      .carousel-content {
          width: var(--mywidth);
          height: var(--myheight);
          position: relative;
          overflow: hidden;
          border-radius: 10px;
      }
      
      .carousel {
          height: var(--myheight);
          position: absolute;
      }
      
      .carousel li {
          float: left;
      }
      
      .carousel li img {
          width: 262px;
          height: 196px;
          margin: 0 2px;
      }
      
      .img-index {
          position: absolute;
          bottom: 8px;
          width: 100%;
          display: flex;
          justify-content: center;
      }
      
      .img-index li {
          float: left;
          width: 18px;
          height: 18px;
          line-height: 18px;
          text-align: center;
          border-radius: 10px;
          background-color: rgba(0, 0, 0, 0.2);
          font-size: 12px;
          cursor: pointer;
          margin: 0 3px;
          color: #fff;
      }
      
      .img-index li.js_index,
      .img-index li:hover {
          background-color: rgba(0, 0, 0, 0.7);
      }
      
      .carousel-prev,
      .carousel-next {
          position: absolute;
          display: inline-block;
          top: 45%;
          cursor: pointer;
          display: none;
      }
      
      .carousel-prev {
          left: 0;
      }
      
      .carousel-next {
          right: 0;
      }
      
      .a-content {
          margin-top: 5px;
      }
      
      .content-news {
          width: 160px;
          height: 616px;
          position: absolute;
          right: 6px;
          top: 0;
          margin-left: 10px;
      }
      
      .content-news span {
          display: block;
          margin-top: 18px;
      }
      
      .content-news .current {
          margin-top: 6px;
      }
      /* 侧边content-aside */
      
      .content-aside {
          position: absolute;
          right: 0;
          top: 5px;
          height: 522px;
          width: 278px;
          overflow: hidden;
          box-sizing: content-box;
      }
      
      .content-aside-hd {
          height: 280px;
          width: 100%;
      }
      
      .content-aside-bd {
          height: 240px;
      }
      
      .content-aside-hd,
      .content-aside-bd {
          border: 1px solid #cccccc;
      }
      
      .content-aside-hd-one {
          height: 140px;
          border-bottom: 1px solid #cccccc;
      }
      
      .content-aside-hd-two {
          height: 79px;
      }
      
      .content-aside-hd-three {
          height: 59px;
      }
      
      .content-aside-bd-one {
          height: 159px;
      }
      
      .content-aside-bd-two {
          height: 79px;
      }
      
      .aside-logos {
          height: 100px;
      }
      
      .aside-logos>.logos {
          position: relative;
          height: 75px;
          width: 55px;
          top: 5px;
          left: 50%;
          transform: translateX(-50%);
      }
      
      .logos img {
          position: absolute;
          top: 0;
          left: 0;
      }
      
      .logos span {
          position: absolute;
          top: 55px;
      }
      
      .mess {
          height: 25px;
          text-align: center;
      }
      
      .mess i,
      .mess em {
          margin-top: 3px;
          position: relative;
          display: inline-block;
          height: 20px;
          width: 110px;
          border-radius: 8px;
          color: #ff5000;
          overflow: hidden;
      }
      
      .mess i::before {
          content: "";
          display: inline-block;
          height: 15px;
          width: 15px;
          background-color: #ff5000;
          background: url(../img/tb1eixtxlth8kjjy0fixxcrsxxa-24-595.png) no-repeat 0 -573px;
          position: absolute;
          left: 0;
          top: 1px;
      }
      
      .mess em::before {
          content: "";
          display: inline-block;
          height: 15px;
          width: 15px;
          background-color: #ff5000;
          background: url(../img/tb1eixtxlth8kjjy0fixxcrsxxa-24-595.png) no-repeat 0 -530px;
          position: absolute;
          top: 1px;
          left: 0;
      }
      
      .register ul li {
          height: 30px;
          width: 80px;
          background-color: #ff5702;
          float: left;
          margin-left: 10px;
          text-align: center;
          line-height: 30px;
      }
      
      .register ul li a {
          color: #ffffff;
          font-size: 18px;
      }
      
      .content-aside-hd-two img {
          height: 79px;
          width: 100%;
      }
      
      .tab_tit {
          height: 60px;
          position: absolute;
          line-height: 35px;
          overflow: hidden;
      }
      
      .tab_tit ul li {
          float: left;
          margin: 0 15px;
          font-weight: 700;
          cursor: pointer;
      }
      
      .tab_tit div {
          height: 24px;
          text-align: center;
          font-size: 13px;
          line-height: 24px;
          display: none;
      }
      
      .tab_tit div a {
          color: red;
      }
      
      .content-aside-bd-one ul li {
          width: 67px;
          height: 75px;
          border: 1px solid #cccccc;
          float: left;
          text-align: center;
          cursor: pointer;
      }
      
      .content-aside-bd-one ul li a {
          display: block;
          height: 26px;
          width: 22px;
          margin: 10px auto;
      }
      
      .content-aside-bd-one ul li:nth-child(1) a {
          background: url(../img/tb1eixtxlth8kjjy0fixxcrsxxa-24-595.png) no-repeat 0 0;
      }
      
      .content-aside-bd-one ul li:nth-child(2) a {
          background: url(../img/tb1eixtxlth8kjjy0fixxcrsxxa-24-595.png) no-repeat 0 -48px;
      }
      
      .content-aside-bd-one ul li:nth-child(3) a {
          background: url(../img/tb1eixtxlth8kjjy0fixxcrsxxa-24-595.png) no-repeat 0 -90px;
      }
      
      .content-aside-bd-one ul li:nth-child(4) a {
          background: url(../img/tb1eixtxlth8kjjy0fixxcrsxxa-24-595.png) no-repeat 0 -133px;
      }
      
      .content-aside-bd-one ul li:nth-child(5) a {
          background: url(../img/tb1eixtxlth8kjjy0fixxcrsxxa-24-595.png) no-repeat 0 -175px;
      }
      
      .content-aside-bd-one ul li:nth-child(6) a {
          background: url(../img/tb1eixtxlth8kjjy0fixxcrsxxa-24-595.png) no-repeat 0 -222px;
      }
      
      .content-aside-bd-one ul li:nth-child(7) a {
          background: url(../img/tb1eixtxlth8kjjy0fixxcrsxxa-24-595.png) no-repeat 0 -264px;
      }
      
      .content-aside-bd-one ul li:nth-child(8) a {
          background: url(../img/tb1eixtxlth8kjjy0fixxcrsxxa-24-595.png) no-repeat 0 -306px;
      }
      
      .more {
          height: 29PX;
          line-height: 29px;
      }
      
      .more .li1 {
          font-size: 15px;
          font-weight: 600;
      }
      
      .more .gemore {
          position: absolute;
          right: 5px;
      }
      
      .more .gemore::after {
          content: "";
          font-family: 'icomoon';
          font-size: 12px;
          color: #cccccc;
      }
      
      .app-icon {
          height: 60px;
          line-height: 60px;
      }
      
      .app-icon span img {
          height: 30px;
          width: 30px;
      }
      
      .app-icon span {
          margin: 0 10px;
      }
      /* <!-- goods-inner区域 --> */
      
      .goods-inner {
          overflow: hidden;
          height: 400px;
          width: 100%;
          margin-top: 8px;
          background-color: #ffffff;
      }
      
      .goods-inner-title {
          height: 60px;
          line-height: 60px;
          margin-left: 15px;
      }
      
      .goods-inner-icon-news {
          height: 340px;
          width: 700%;
      }
      
      .goods-inner-title img {
          height: 30px;
          width: 90px;
          overflow: hidden;
      }
      
      .goods-inner-title span:nth-child(2) {
          margin-left: 7px;
          color: #999999;
      }
      
      .goods-inner-icon-news ul li {
          float: left;
          width: 180px;
          height: 300px;
          margin-left: 15px;
          margin-top: 15px;
          cursor: pointer;
      }
      
      .goods-inner-icon-news ul li img {
          height: 180px;
      }
      
      .goods-inner-icon-news ul li span {
          display: block;
          margin-top: 10px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
      }
      
      .goods-inner-icon-news ul li p {
          margin: 10px 0;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          color: #999999;
      }
      
      .goods-inner-icon-news ul li i {
          color: #35b8ff;
      }
      
      .goods-inner-icon-news ul li i::before {
          content: "\e9e1";
          font-family: 'icomoon';
          margin-right: 7px;
      }
      /* //产品介绍product */
      
      .product-icon-mess {
          margin: 10px auto;
      }
      
      .product-include {
          height: 550px;
          position: relative;
          background-color: #ffffff;
      }
      
      .product-list-l {
          width: 590px;
      }
      
      .product-list-r {
          width: 590px;
          position: absolute;
          top: 0;
          right: 0;
      }
      
      .po-li-hd1,
      .po-li-hd {
          overflow: hidden;
          position: relative;
          height: 300px;
      }
      
      .po-li-bd1,
      .po-li-bd {
          position: relative;
          height: 240px;
          margin-top: 10px;
          overflow: hidden;
      }
      
      .pro-in-lis1 {
          position: relative;
          height: 270px;
          width: 270px;
      }
      
      .pro-lis-current {
          margin-left: 10px;
          font-size: 18px;
      }
      
      .pro-in-lis1 p {
          margin-top: 10px;
          height: 180px;
          width: 180px;
          margin-left: 10px;
      }
      
      .pro-in-lis1 ul li {
          height: 89px;
          width: 90px;
          position: relative;
          top: 0;
          right: 0;
      }
      
      .pro-in-lis1 p img {
          height: 180px;
          width: 178px;
      }
      
      .pro-in-lis1 ul {
          height: 190px;
          width: 90px;
          position: absolute;
          top: 36px;
          right: 0;
      }
      
      .pro-in-lis1 ul li:nth-child(2) {
          margin-top: 2px;
      }
      
      .pro-in-lis1 ul li img {
          height: 89px;
          width: 90px;
      }
      
      .pro-in-lis1:nth-child(2) {
          position: absolute;
          right: 20px;
          top: 60px;
          height: 270px;
          width: 270px;
      }
      
      .po-li-bd .pro-in-lis1:nth-child(2) {
          position: absolute;
          right: 20px;
          top: 0;
          height: 270px;
          width: 270px;
      }
      
      .po-li-bd1>.pro-in-lis1:nth-child(2) {
          position: absolute;
          right: 20px;
          top: 0;
          height: 270px;
          width: 270px;
      }
      /* hot-product-swap 热点模块 */
      
      .hot-product-swap {
          height: 1170px;
          background-color: #ffffff;
          margin-top: 15px;
          overflow: hidden;
      }
      
      .hot-product-tit {
          position: relative;
          height: 110px;
      }
      
      .hot-product-icon-list {
          width: 1200px;
      }
      
      .hot-product-icon-list ul li {
          height: 438px;
          width: 238px;
          border: 1px solid #cccccc;
          float: left;
          border-left: 1px solid transparent;
      }
      
      .hot-product-tit>i {
          font-size: 20px;
          color: red;
          position: absolute;
          top: 25px;
          left: 10px;
      }
      
      .hot-product-tit ul li {
          float: left;
          margin-right: 15px;
          line-height: 110px;
          cursor: pointer;
          color: #999999;
      }
      
      .hot-product-tit ul {
          position: absolute;
          top: 30px;
          left: 10px;
      }
      
      .hot-product-tit em {
          display: block;
          height: 18px;
          width: 40px;
          border: 1px solid #cccccc;
          text-align: center;
          line-height: 18px;
          position: absolute;
          right: 0;
          bottom: 17px;
          border-radius: 10px;
          color: #999999;
      }
      
      .hot-product-icon-list ul li i {
          display: block;
          height: 220px;
          width: 220px;
          background-color: #e71b1b;
          margin: 9px 9px;
      }
      
      .hot-product-icon-list ul li i img {
          height: 220px;
          width: 220px;
      }
      
      .hot-product-icon-list ul li {
          position: relative;
      }
      
      .hot-product-icon-list .price {
          position: absolute;
          bottom: 30px;
          left: 10px;
          color: red;
          font-size: 19px;
      }
      
      .hot-product-icon-list .price em {
          color: #999999;
          font-size: 12px;
          margin-left: 92px;
      }
      
      .hot-product-icon-list ul li:hover {
          border: 1px solid red;
      }
      
      .icon-bd-swap {
          height: 160px;
          width: 1170px;
          margin: 10px;
      }
      
      .icon-bd-swap span {
          display: inline-block;
          height: 160px;
          width: 380px;
      }
      
      .icon-bd-swap span img {
          height: 160px;
          width: 380px;
      }
      
      .icon-bd-swap .current {
          margin: 0 10px;
      }
      /* <!-- 猜你喜欢love --> */
      
      .love {
          height: 1830px;
          background-color: #ffffff;
      }
      
      .pro-l-hd {
          height: 65px;
          line-height: 65px;
          border-bottom: 1px solid #cccccc;
          font-size: 18px;
          color: red;
          padding-left: 10px;
      }
      
      .pro-l-bd ul li {
          position: relative;
          float: left;
          height: 350px;
          width: 236px;
          border: 1px solid #cccccc;
          overflow: hidden;
      }
      
      .pro-l-bd>ul>li .ic {
          display: block;
          height: 210px;
          width: 210px;
          background-color: aqua;
          margin: 10px;
      }
      
      .ic img {
          height: 210px;
          width: 210px;
      }
      
      .pro-l-bd>ul>li span,
      .pro-l-bd>ul>li p {
          margin-left: 10px;
          font-size: 14px;
      }
      
      .pro-l-bd>ul>li em {
          display: block;
          font-size: 17px;
          color: red;
          margin: 30px 10px;
      }
      
      .pro-l-bd>ul>li em span {
          color: #999999;
          margin-left: 110px;
      }
      
      .same-swap {
          height: 80px;
          width: 100%;
          background-color: #FF5000;
          position: absolute;
          bottom: 0;
          z-index: 99999;
          text-align: center;
          cursor: pointer;
      }
      
      .same-swap span {
          display: block;
          height: 30px;
          width: 130px;
          border-bottom: 1px solid #cccccc;
          position: absolute;
          line-height: 30px;
          top: 0;
          left: 50%;
          transform: translateX(-78px);
          color: #ffffff;
      }
      
      .same-swap i {
          width: 100%;
          display: block;
          color: #ffffff;
          position: absolute;
          bottom: 27px;
          left: 50%;
          transform: translateX(-50%);
          font-size: 12px;
      }
      
      .same-swap i::after {
          content: "\e907";
          font-family: 'icomoon';
      }
      
      .same-swap span::before {
          content: '\e9e1';
          font-family: 'icomoon';
          margin-right: 5px;
      }
      
      .same-swap {
          display: none;
      }
      
      .pro-l-bd ul li:hover {
          border: 1px solid red;
      }
      
      .copyright-ce ul li {
          float: left;
      }
      
      .copyright-ce ul .t {
          margin-left: 20px;
      }
      /* 固定区域fixed */
      
      .fixed-swap {
          width: 60px;
          background-color: #ffffff;
          z-index: 99999;
          position: fixed;
          right: 50%;
          top: 200px;
          transform: translateX(670px);
          border-radius: 10px;
          overflow: hidden;
          box-sizing: content-box;
      }
      
      .small-icon {
          position: relative;
          height: 25px;
          width: 60px;
          text-align: center;
      }
      
      .small-icon img {
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
      }
      
      .fixed-list li {
          height: 60px;
          width: 60px;
          text-align: center;
          border-bottom: 1px solid #cccccc;
      }
      
      .fixed-list li i {
          display: block;
          height: 50px;
          width: 50px;
          font-size: 17px;
          padding: 8px 5px;
          cursor: pointer;
      }
      
      .sidber {
          background-color: orange;
      }
      
      .back em {
          font-family: 'icomoon';
          font-size: 17px;
      }
      
      .fixed-list li:nth-child(2) i {
          color: blue;
      }
      
      .fixed-list li:nth-child(3) i {
          color: green;
      }
      
      .fixed-list li:nth-child(4) i {
          color: yellow;
      }
      
      .fixed-list ul li:hover {
          background-color: orange;
      }